/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 Microsoft Yahei,\5b8b\4f53;color:#333;outline:0;}
body{background:#999;}
a,a:hover{color:#333;}

.calendar {
    background: #f5f5f5;
    width: 470px;
    padding: 20px;
    overflow: hidden;
    float:left;
}
.calendar .title {
    height: 50px;
    text-align: center;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    line-height: 50px;
}
.calendar .week_ul {
    overflow: hidden;
    background: #80888f;
}
.calendar .week_ul li {
    float: left;
    width: 67px;
    line-height: 30px;
    height: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #80888f;

}
.calendar .day_ul {
    border-left: 1px solid #e9e8e1;
    overflow: hidden;
}
.calendar .day_ul li {
    background: #fff;
    width: 60px;
    float: left;
    padding:3px ;
    font-size: 14px;
    color: #3878c2;
    font-weight: bold;
    line-height: 20px;
    height: 51px;
    position: relative;
    border-right: 1px solid #e9e8e1;
    border-bottom: 1px solid #e9e8e1;
    text-align: center;
}
.calendar .day_ul li.on:hover{
    background: #FFFEEC;
    cursor: pointer;
}
.price {
  color: #e25550;
  font-size: 12px;
  position: absolute;
  bottom: 1px;
  right: 3px;
  width:54px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.box{
  margin:0 auto;position:relative;overflow:hidden;z-index:1;
  width:510px;
  height:468px;
  background: #f5f5f5;
}
.calendar_box{
  position: relative;
  overflow:hidden;
}
.calendar_prev,.calendar_next{
  position:absolute;
  top:34px;
  font-size: 14px;
  font-weight:bold;
  cursor:pointer;
  background:#fff;
  width:26px;
  height:26px;
  line-height:26px;
  text-align: center;
  border-radius: 50%;
  color:#3878c2;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.calendar_prev.none,.calendar_next.none{
  color:#999;
}
.calendar_prev{
  left:20px;
}
.calendar_next{
  right:20px;
}


/*日历插件*/
.jCalendar{
  position: relative;
  background-color: #fff;
  overflow: hidden;
  font-size: 14px;
/*  height:530px;*/
  /*width: 420px;*/
  display: none;
  z-index: 9;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.30);
    padding: 8px;
    border-radius:0 0 2px 2px;
}

.jCalendar .text-red{
    color: #e25550;
}
.jCalendar>div{
    overflow: hidden;
    position: relative;
    text-align: center;
}
.jCalendar .jCalendar-body .calendar-loading{
    position: absolute;
    left:0;
    top:0;
    z-index: 9;
    width:100%;
    height: 100%;
    background:#fff;
    text-align: center;
}
.calendar-loading-center{
    position: absolute;
    left:50%;
    top:50%;
    width:200px;
    height: 46px;
    margin: -23px 0 0 -100px;
}
.jCalendar .jCalendar-body .calendar-loading p{
    text-align: center;
}

.jCalendar table{
    border-collapse: initial;
}

.jCalendar table thead {
    font-weight: 600;
    text-transform: uppercase;
}

.jCalendar table th, .jCalendar table td{
    border: 1px solid transparent;
    height: 40px;
    text-align: center;
    width: 45px;
    min-width: 45px;
    position: relative;
}
.jCalendar table td{
    font-size: 0;
    height: 45px;
    vertical-align: top;
    border-radius: 50%;
    line-height: initial;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}
.jCalendar table td.disable:not(:empty){
    /*background-color: #fbfbfb;*/
    color: #ccc;
}

.jCalendar table td:not(:empty):not(.disable):hover, .jCalendar table td.selected{
    color: #fff;
    cursor: pointer;
    background: #e25550;
}
.jCalendar table td>span{
    line-height: initial;
    font-size: 14px;
}

.jCalendar .jCalendar-header{
    /*text-align: center;*/
}

.jCalendar .jCalendar-header .control-container,.jCalendar .jCalendar-header .calendar-tag{
    display: inline-block;
    margin: 22px 0 0;
}

.jCalendar .jCalendar-header .input-group{
    position: relative;
    display: table;
    border-collapse: separate;
    float: left;
    line-height: initial;
    margin-left:18px;
}
.jCalendar .input-group .input-control, .jCalendar .input-group .input-group-addon{
    float:left;
    /*text-decoration: none;*/
    height: 22px;
    width: 22px;
    line-height: normal;
    border: none;
    padding: 0;
    /*vertical-align: baseline;*/
    text-align: center;
    /*box-sizing: border-box;*/
}
.jCalendar .input-group .input-control{
    margin: 0 10px;
    line-height: 26px;
}
.jCalendar .year-control.input-group{
    /*margin-right: 42px;*/
}

.jCalendar .year-control.input-group .input-control{
    width: 34px;
}
.jCalendar .input-group .input-control:focus{
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    border: none;
}
.jCalendar .input-group .input-group-addon{
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    position: relative;
}
.jCalendar .input-group .input-group-addon:after{
    content: "";
    width: 0;
    height: 0;
    font-size:0;
    border-style: solid;
    border-width: 4.5px 7.8px 4.5px 0;
    border-color: transparent #aeaeae transparent transparent;
    position: absolute;
    top:7px;
    left:7px;
}
.jCalendar .input-group .input-right:after{
    border-width: 4.5px 0 4.5px 7.8px;
    border-color: transparent transparent transparent #aeaeae;
}
.jCalendar .dateText{
    position: relative;
    z-index: 2;
    display: block;
    margin: 10px auto 2px;
}
.jCalendar .tag{
    display: inline-block;
    box-sizing: border-box;
    padding: 3px;
}
.jCalendar .chinaTag, .jCalendar .worldTag{
    width: 6px;
    height: 6px;
    border-radius: 50%;
}
.jCalendar .chinaTag{
    background-color: #e25550;
}
.jCalendar .worldTag{
    background-color: #9013fe;
}
.jCalendar .customTag{
    width: 100%;
}
.jCalendar .price{
    color:#e25550;
    font-size:12px;
}
.jCalendar .jCalendar-header .calendar-tag{
    float:right;
    margin:20px 14px 0 0;
}
.jCalendar .jCalendar-header .calendar-tag p{
    position: relative;
    color:#585756;
    font-size: 12px;
    padding-left: 10px;
    line-height: 14px;
}
.jCalendar .jCalendar-header .calendar-tag p.china:after,
.jCalendar .jCalendar-header .calendar-tag p.world:after{
    position: absolute;
    left: 0;
    top: 3px;
    content:'';
    width:6px;
    height: 6px;
    border-radius: 50%;
    background: #e25550;
}
.jCalendar .jCalendar-header .calendar-tag p.world:after{
    background: #9013fe;
}

/*index*/
.jCalendar table td.arrow-end-r,
.jCalendar table td.arrow-start-h,
.jCalendar table td.arrow-start-l{
    background:none;
}
.jCalendar table td.arrow-end-r:before,
.jCalendar table td.arrow-start-h:before,
.jCalendar table td.arrow-start-l:before{
    content: "\e656";
    position:absolute;
    left: -5px;
    top: 3px;
    color:#e25550 !important;
    font-family:"iconfont" !important;
    font-size:19px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    font-size:30px;

}
.jCalendar table td.arrow-start-l:hover,
.jCalendar table td.arrow-end-r:hover,
.jCalendar table td.arrow-start-h.disable:not(:empty){
    color: #fff !important;
}
.search-time table td:not(:empty):not(.disable):hover{
    background: none;
    color: inherit;
}

.jCalendar table td.arrow-start-h:before{
    content: "\e655";
    color:#c8c8c8 !important;
    left:0;
    top: 3px;
}

.jCalendar table td.arrow-start-l:before{
    content: "\e655";
    left: 0;
    top: 3px;
}
